/**************************************************/
/* css for the entire site
/**************************************************/

table.date {background-color: grey}
td.date {font-size: 12; color: #B2CE92}
table.menu {
background-color: #B2CE92; 
/* width: 100%; */
height: 400;
}
td.menu {background-color: white; text-align: center; font-size: 12; width: 15%; height:20}

a:link {color: #8B8BB1}
a:visited {color: #5688B3}
a:hover {color: #33CCFF; font-style: italic}
a:active {color: #56B3B0}

/**************************************************/
/* css for messages and errors
/**************************************************/
/* Display field-specific error messages in red   */
ul.errorlist {
 list-style: none;
 color: red;
 }

ul.messagelist:before {content: "Tux says..."}

  
.messagelist { font-size: 25px; color: red; list-style: none; }

#logged_in_message { position:absolute; top:0; right:0; padding:0.2em 10px; font-size:13px; text-align:right; 
 color: #6633cc; }
 
#not_logged_in_message { position:absolute; top:0; right:0; padding:0.2em 10px; font-size:13px; text-align:right; 
 color: #993333 }

/*jan added span-time although the color and size work the text-align doesn't*/

span-time {
color: grey;
text-align: right;
font-size: 8pt;
font-weight: normal; 
}
/**************************************************/
/* css for the forms
/**************************************************/
ul.contact_form_ul li {
list-style: none
}

label.phone_delete_label {
color: purple;
text-align: right;
}

/* jan practising div#form_general is currently not working 10/8 it is applied to 
name only */
#form_general  {  
color:  dark grey;
text-align: left;
font-size: 10pt;
font-weight: bold;
padding: 5px;  
margin: 5px;
}

span.form_instructions {
color: dark grey;
text-align: center;
font-size: 10pt;
font-weight: bold;
}


/**************************************************/
/* css for the contact_list (index.html? ) page.
/**************************************************/
/* Display settings for the list of contacts on the main index page */
table.contact_index {
 width: 100%;
 color: #333399;
 }
 
th {
color: black;
font-weight: bold;
font-size: 10pt;
 }
 
tr {
 color: black;
 font-weight: bold;
 font-size: 8pt;
 }
 
tr.odd_row {
 width: 100%;
 /* background: #C8B5DE; */
 /* background: #8083C6; */
 background: #5659b3;
 }
 
tr.even_row {
 width: 100%;
 /* background: #A180C6; */
 background: #5659b3;
 }
 
table.contact_index * li{
 list-style: none
 }

/**************************************************/
/* css for the 2-column layout.
/**************************************************/
/* 2-Column example from Schmitt, chapter 4 */
Body {
  /* Make a margin and padding */
  /* body has top-margin of 80px, and right, bottom, left margins of 0px */
  margin: 80px 0 0 0;
  /* body has right-padding of 7% of the containing block, and left-padding */
  /* of 260px (this will extend under the left-column) */
  padding: 0 7% 0 260px;
  /* Put in a logo, foreground color, and back-ground color */
  background-image: url("../img/uk_penguin.jpg"); 
  /* background-image: url("http://www.brunolinux.com/Images/Avatar.gif"); */
  background-repeat: no-repeat;
  color: black;
  background-color: #B2B2DC;
  /* Some fonty stuff for the main body */
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 1em;
  }
  
div#navbar {
/* position: float; */
top: 200px;
}

.leftcol {
  /* left-column is positioned absolutely wrt the document root, in our case. 
  This is  because the document-root is its 'containing-block'. That is, the 
  document root is its nearest ancestor with a value for the 'position' 
  property other than 'static'. If the html or css gets changed so that a 
  closer ancestor has a 'position' value other than 'static', things will 
  change, so be careful! */
  position: absolute;
  /* z-index of 5 places left column well on-top of most things */
  z-index: 5;
  width: 330px;
  /* left-column is 200px from the top of the document (see above for why) */
  top: 200px;
  /* left-column is 0px from the left of the document (see above for why) */
  left: 0;
  /* left-column has margins of 0px all round. */
  margin: 0;
  padding: 0 0px 0 0px;
  /* A different font for the left column */
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: .8em;
  font-weight: bold;
  }
  
.navitem {
  list-style: none;
  }

/***************************************************/
/* css for the tabs across the top of the contacts */
/* pages.                                          */
/***************************************************/

/* Credits: Dynamic Drive CSS Library      */
/* URL: http://www.dynamicdrive.com/style/ */

#ddcolortabs{
margin-left: 4px;
padding: 0;
/* width: 100%; */
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}

#ddcolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}


#ddcolortabs a{
float:left;
color: white;
background: #5659B3 url(../img/contacts/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

#ddcolortabs a span{
float:left;
display:block;
background: transparent url(../img/contacts/color_tabs_right.gif) no-repeat right top;
padding:4px 9px 2px 6px;
}

#ddcolortabs a span{
float:none;
}

#ddcolortabs a:hover{
background-color: #8083C6;
}

#ddcolortabs a:hover span{
background-color: #8083C6;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
 background-color: #8083C6; 
}

#ddcolortabsline{
clear: both;
padding: 0;
/* width: 100%; */
height: 8px;
line-height: 8px;
background: #5659B3;
/*Remove this to remove border between bar and tabs*/
border-top: 1px solid #fff; 
}


/******************************************************************************/


#hold_tabs {
/* position: absolute;
top: 0px; */
}



#hold_forms  {
 z-index: 6; /* So you can always click on it! */
 padding: 10px 10px 10px 5px;
 color: #3F428D;
 background: #E5E5FF; 

}

/******************************************************************************/
/******************************************************************************/
/*
.contactform {
  color: black;
  background-color: #99CCFF; 
  width: 10%;
  float: center;
  padding: 10%;
  margin: 15px;
  }
*/


   
  

